<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Opera Table Cell Bug</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script>

window.onload = function()
{
	AddCell( 'Cell 1' ) ;
	AddCell( 'Cell 2' ) ;
	AddCell( 'Cell 3' ) ;
	AddCell( 'Cell 4' ) ;
}

function AddCell( text )
{
	var eTargetRow = document.getElementById( 'xTarget' ) ;

	var oCell = eTargetRow.insertCell(  eTargetRow.cells.length - 1 ) ;
	oCell.noWrap = true ;		// Not related to the bug.
	oCell.innerHTML = text ;
}
	</script>
</head>
<body>
	In the following table, the 4 cells with text have been created by script. The last cell has "100%" width.<br />
	<br />
	<table cellspacing="0" cellpadding="0" width="100%" border="1">
		<tr id="xTarget">
			<td>&nbsp;</td>
			<td width="100%">&nbsp;</td>
		</tr>
	</table>
	<br /><br />
	The following is the same table, not created by script but simply defined in the page. The above must render in the same way.<br />
	<br />
	<table cellspacing="0" cellpadding="0" width="100%" border="1">
		<tr id="xTarget">
			<td>&nbsp;</td>
			<td nowrap>Cell 1</td>
			<td nowrap>Cell 2</td>
			<td nowrap>Cell 3</td>
			<td nowrap>Cell 4</td>
			<td width="100%">&nbsp;</td>
		</tr>
	</table>
</body>
</html>
